<template>
	<div class="other_player">
		<svg-icon :icon-name="data | fileTypeIcon" size="100"></svg-icon>
		<h4>{{ data.oldName }}</h4>
	</div>
</template>

<script>
export default {
	props: {
		data: { type: Object, default: () => {} },
		fileSrc: { type: String, default: '' }
	}
};
</script>

<style lang="scss" scoped>
.other_player {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	overflow: hidden;
	h4 {
		color: #dcdfe6;
		margin-top: 16px;
	}
}
</style>
